<template>
	<view class="examine">
		<nodata v-if="unSubmitData.length==0"></nodata>

		<uni-card v-else class="cardBox" @click="detail(item.fId)" v-for="item in unSubmitData" :key="item.fId">
			<view class="examineLeft">
				<view class="row">
					<view class="nameInfo">检查方式：</view>
					<view class="contentInfo">{{item.fSigncompanyname}}</view>
				</view>
				<view class="row">
					<view class="nameInfo">检查负责人：</view>
					<view class="contentInfo">{{item.fLeadername}}</view>
				</view>
				<view class="row">
					<view class="nameInfo">检查日期：</view>
					<view class="contentInfo">{{item.fWorkdates}}</view>
				</view>

			</view>
			<view class="examineRight">
				<view class="examineInfo">
					<!--  -->
					<view class="gradeText">考评分数</view>
					<view class="gradeNum"
						:class="{you:item.fEvaluatescore>= 90,liang:item.fEvaluatescore>= 80&&item.fEvaluatescore<90,zhong:item.fEvaluatescore>= 70&&item.fEvaluatescore<80,chai:item.fEvaluatescore<70}">
						{{item.fEvaluatescore}}
					</view>
				</view>
				<view class="examineInfo">
					<view class="gradeText">考评结果</view>
					<view class="gradeNum"
						:class="{you:item.fEvaluatescore>= 90,liang:item.fEvaluatescore>= 80&&item.fEvaluatescore<90,zhong:item.fEvaluatescore>= 70&&item.fEvaluatescore<80,chai:item.fEvaluatescore<70}">
						{{item.fEvaluateresult}}
					</view>
				</view>

			</view>

		</uni-card>
	</view>
</template>
<script>
	import nodata from '@/components/nodata/nodata.vue';
	export default {
		props: {
			unSubmitData: {
				type: Array,
				default: function() {
					return []
				}
			},
			Inv: {
				type: [String, Number],
				default: 0
			},
			backgroundColors: {
				type: String,
				default: 0
			}

		},
		data() {
			return {
				dataNum: this.Inv
			}
		},
		watch: {
			Inv(e) {
				this.dataNum = e
			},
		},
		components: {
			nodata
		},
		methods: {
			detail(id) {
				var data = {
					id: id,
					Inv: this.dataNum
				}
				this.$emit('safeDetail', data)
			}
		}
	}
</script>
<style scoped lang="less">
	.nameInfo {
		width: 220upx;
		color: #999999;
		font-size: 30upx;
	}
	.row{
		padding: 0 8upx;
	}
	.contentInfo {
		color: #333;
		font-size: 30upx;
	}
	.cardBox {
		display: flex;

		.examineRight {
			
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			
		

			.examineInfo {
				height: 52upx;
				margin: 10upx;
				display: flex;

				.gradeText {
					color: #999;
					font-size: 24upx;
					line-height: 52upx;
					margin: 0 15upx 0 6upx;
				}

				.gradeNum {
					// margin-right: 20upx;
					color: #fff;
					font-size: 28upx;
					// background-color: #FFC26F;
					width: 80upx;
					text-align: center;
					line-height: 52upx;
					border-radius: 5upx;
				}
			}
		}
	}

	.you {
		background-color: #FFC26F;
	}

	.liang {
		background-color: #80C780;
	}

	.zhong {
		background-color: #A3CFEF;
	}

	.chai {
		background-color: #E3E3E3;
	}
</style>
